{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>布置作业列表</title>
<link rel="stylesheet" type="text/css" href="css/percircle.css" />
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/percircle.js"></script>
<style>
    .p0{
        font-size: 10px;
        color: red;
    }
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <div class="mb-homework">
        {%for item in data.list%}
        {%if item.status == 1%}
        <h4 class="mb-date">{{item.currentTime}}</h4>
        <div class="mb-zy-tj mb-homeworklist">
            <!--已布置作业状态-->
            {%for item2 in item.data%}
            <div class="mb-task-list mb-homeworks">
                <a href="homeworkdetail?id={{item.id}}">
                    <div class="mb-home-task">{{item2.name}}
                        <p>
                            <span>{{item2.gradeName}}{{item2.clazzName}}</span>
                        </p>
                    </div>
                    <div class="mb-item-work">
                        <span class="mb-item-count">题目数量：<span>{{item2.questionCount}}题</span></span>
                    </div>
                    <div class="mb-item-work">
                        <span class="mb-item-count">完成情况：<span>{{item2.finshCount}}/{{item2.clazzPersonCount}}</span></span>
                    </div>
                    <div class="mb-delivery-time">
                        <p>截止时间：{{item2.checkTime}}</p>
                    </div>
                    {%if item2.accuracy == '0'%}
                    <div id="pinkcircle" class="c100 p0 small orange mb-right">
								<span>
									<p>正确率</p>
									<p>0%</p>
								</span>
                        <div class="slice">
                            <div class="bar"></div>
                            <div class="fill"></div>
                        </div>
                        {%else%}
                        <div id="pinkcircle" class="c100 p{{item.accuracy}} small orange mb-right">
								<span>
									<p>正确率</p>
									<p>{{item2.accuracy}}%</p>
								</span>
                            <div class="slice">
                                <div class="bar"></div>
                                <div class="fill"></div>
                            </div>
                        {%endif%}

                    </div>
                </a>
            </div>
            {%endfor%}

            <!--作业草稿、未发布-->
            <!--<div class="mb-task-list mb-homeworks mb-homework-">-->
                <!--<a href="homeworkdetail">-->
                    <!--<div class="mb-home-task">作业草稿-->
                        <!--<p>-->
                            <!--<span>三年（2）班</span>-->
                        <!--</p>-->
                    <!--</div>-->
                    <!--<div class="mb-item-work">-->
                        <!--<span class="mb-item-count">题目数量：<span>15题</span></span>-->
                    <!--</div>-->
                    <!--<div class="mb-item-work">-->
                        <!--<span class="mb-item-count">未指定作业群</span>-->
                    <!--</div>-->
                    <!--<div class="mb-delivery-time">-->
                        <!--<p>截止时间：无</p>-->
                    <!--</div>-->
                    <!--<div id="pinkcircle" class="c100 pz small orange mb-right">-->
								<!--<span>-->
									<!--<p>未发布</p>-->
								<!--</span>-->
                        <!--<div class="slice">-->
                            <!--<div class="bar"></div>-->
                            <!--<div class="fill"></div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
        </div>
        {%endif%}
        {%endfor%}
</div>

<!--布置作业按钮-->
<div class="mb-arr-homework">
    <a href="arrhomework">布置作业</a>
</div>
{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
